import 'package:flutter/material.dart';

class LayoutPage extends StatefulWidget {
  //A widget that has mutable state.
  //一个可变动状态的控件

  const LayoutPage({Key? key}) : super(key: key);

  @override
  _LayoutPageState createState() => _LayoutPageState();
}

class _LayoutPageState extends State<LayoutPage> {
  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: Text('app页面标题'),
        centerTitle: true,
        //页面标题是否居中
        backgroundColor: Colors.amber,
        //标题头背景色
        elevation: 10,
        //页面阴影
        toolbarOpacity: .5, //透明度
      ),
      body: ListView(
        children: [
          Center(
              child: Column(
            children: [
              ElevatedButton(
                  onPressed: () => {Navigator.of(context).pushNamed('page1')},
                  child: Text('跳转页面1')),
              ElevatedButton(
                  onPressed: () => {
                        Navigator.of(context).pushNamed('page2', arguments: {
                          "name": "传递"
                        }).then((value) => print(value))
                      },
                  child: Text('跳转页面2')),
              Text(
                '齐安郡晚秋',
                style: TextStyle(
                  fontSize: 30,
                  letterSpacing: 6,
                  fontWeight: FontWeight.bold,
                  backgroundColor: Colors.black12,
                ),
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.center,
                children: [
                  Text('[作者]杜牧'),
                  Text('[朝代]唐'),
                ],
              ),
              Divider(
                height: 20,
                indent: 20, //开始间隔
                endIndent: 80, //结束间隔
                color: Colors.black,
              ),
              Text('柳岸风来影渐疏，使君家似野人居。'),
              Text('云容水态还堪赏，啸志歌怀亦自如。'),
              Text('雨暗残灯棋散后，酒醒孤枕雁来初。'),
              Text('可怜赤壁争雄渡，唯有蓑翁坐钓鱼。'),
              Divider(
                height: 20,
                color: Colors.black,
              ),
              Row(
                mainAxisAlignment: MainAxisAlignment.end,
                children: [
                  Text(
                    '标签:',
                    style: TextStyle(color: Colors.black38, fontSize: 14),
                  ),
                  Chip(
                    label: Text('情感'),
                  ),
                  Chip(
                    label: Text('孤独'),
                  ),
                  Chip(
                    label: Text('怀古'),
                  ),
                  Chip(
                    label: Text('秋天'),
                  ),
                ],
              ),
              Divider(
                height: 20,
                color: Colors.black,
              ),
              Container(
                height: 100,
                margin: EdgeInsets.all(20),
                padding: EdgeInsets.all(5),
                decoration: BoxDecoration(
                  color: Colors.red,
                ),
                child: Text(
                  '[译文]秋风瑟瑟，柳影渐渐稀疏。我所居住的地方显得更加寂静、苍茫。游赏黄州的山水，闲云倒影在水中，让人赏心悦目，闲来吟啸抒怀，日子倒也过得闲适自得。残灯暗淡的雨夜，一起下棋的友人已经散去，酒醒后孤枕难眠，又看到北雁南飞。当年英雄豪杰争雄的赤壁还在，而如今只有我这样的蓑翁在此垂钓。',
                  maxLines: 4,
                  overflow: TextOverflow.ellipsis,
                ),
              ),
              Container(
                child: Text('注释：散后:一作欲散。齐安郡：即黄州。此为杜牧受权贵排挤，谪任黄州刺史时作。来源：古诗文网'),
              ),
              Divider(
                height: 20,
                color: Colors.black,
              ),
              Text('作者介绍'),
              Row(
                children: [
                  Image.asset(
                    "images/dumu.jpg",
                    height: 100,
                    width: 100,
                    fit: BoxFit.cover,
                  ),
                  Expanded(
                      child: Container(
                    width: 300,
                    child: Text(
                        '杜牧（803年－约852年），字牧之，号樊川居士，汉族，京兆万年（今陕西西安）人。杜牧是唐代杰出的诗人、散文家，是宰相杜佑之孙，杜从郁之子。唐文宗大和二年26岁中进士，授弘文馆校书郎。后赴江西观察使幕，转淮南节度使幕，又入观察使幕，理人国史馆修撰，膳部、比部、司勋员外郎，黄州、池州、睦州刺史等职。因晚年居长安南樊川别墅，故后世称“杜樊川”，著有《樊川文集》。杜牧的诗歌以七言绝句著称，内容以咏史抒怀为主，其诗英发俊爽，多切经世之物，在晚唐成就颇高。 百科详情>>'),
                  ))
                ],
              ),

            ],
          ))
        ],
      ),
    );
  }
}
